<template>
  <view>
    <view class="my-message-box" >
      <view class="my-message-box-left">
        <image :src="inform.imgs[0]" mode=""></image>
        <text>{{inform.title}}</text>
      </view>
      <view class="my-message-box-right">
        <text>{{inform.createTime}}</text>
      </view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"my-inform",
    data() {
      return {
        
      };
    },
    props:{
      inform:{
        type: Object,
        default: {}
      }
    }
  }
</script>

<style lang="scss">
.my-message-box{
    width: 690rpx;
    height: 200rpx;
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 35rpx 30rpx;
    border-radius: 20rpx;
    .my-message-box-left{
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 30rpx 0;
      image{
        width: 95rpx;
        height: 76rpx;
        margin-right: 5rpx;
      }
      text{
        font-size: 18px;
        font-weight: bold;
        color: #666666;
      }
    }
    .my-message-box-right{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 50rpx 45rpx;
      text{
        font-size: 12px;
        color: #868686;
      }
    }
  }
</style>